import { createBrowserRouter } from "react-router-dom"
import { lazy, Suspense } from 'react'
import Layout from "@/pages/Layout"
import Login from "@/pages/Login"
import AuthRoute from "@/components/AuthRoute"
// import Home from "@/pages/Home"
// import Article from "@/pages/Article"
// import Publish from "@/pages/Publish"
const Publish = lazy(() => import('@/pages/Publish'))
const Article = lazy(() => import('@/pages/Article'))
const Home = lazy(() => import('@/pages/Article'))
const router = createBrowserRouter([
  {
    path: "/",
    element: (
      <AuthRoute>
        <Layout></Layout>
      </AuthRoute>
    ),
    children: [
      {
        // path: "/home",
        index: true,
        element: <Suspense fallback={'加载中'}><Home></Home></Suspense>,
      },
      {
        path: "/article",
        element: <Suspense fallback={'加载中'}><Article></Article></Suspense>,
      },
      {
        path: "/publish",
        element: <Suspense fallback={'加载中'}><Publish></Publish></Suspense>,
      },
    ],
  },
  {
    path: "/login",
    element: <Login></Login>,
  },
])

export default router
